<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="last sunday personal blog theme">
    <meta name="keywords" content="bootstrap, responsive, blog, portfolio, personal blog, masonry, isotope">
    <meta name="author" content="templateninja">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>Last Sunday</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/magnific-popup.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <link href="css/mint.min.css" rel="stylesheet" id="color-style">
    <link href="css/responsive.min.css" rel="stylesheet">
    <link href="css/demo.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body id="page-top">

    <!-- begin:container -->
    <div class="container content-wrapper">

      <!-- begin:navbar -->
      <div class="content-article">
        <div class="row">
          <div class="col-md-12">
            <nav class="navbar navbar-default navbar-primary" role="navigation">
              <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo last sunday"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="blog-single.html">Blog Single</a></li>
                        <li><a href="page.html">Page</a></li>
                        <li class="divider"></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li class="active"><a href="portfolio-single.html">Portfolio Single</a></li>
                      </ul>
                    </li>
                  </ul>
                </div><!-- /.navbar-collapse -->
              </div><!-- /.container-fluid -->
            </nav>
          </div>
        </div>
      </div>
      <!-- end:navbar -->

      <!-- begin:header-title -->
      <div class="row">
        <div class="col-md-12">
          <div class="content-article">
            <div class="heading-title heading-title-img">
              <img src="img/image-blog-post-big-04.jpg" class="img-responsive" alt="blog single last sunday">
              <div class="blog-single-author"><img src="img/avatar-comment.jpg" alt="author blog last sunday"></div>
              <ul class="blog-post-meta">
                <li><strong>200</strong> Web Design Projects</li>
                <li><strong>180</strong> Photographs</li>
                <li><strong>80</strong> Movie Projects</li>
                <li><strong>140</strong> Awards</li>
              </ul>
            </div>
            <!-- begin:single-cat-and-breadcrumb -->
            <div class="row">
              <div class="col-md-5 col-sm-5 hidden-xs">
                <div class="single-cat-title">
                  <h4>Web Design</h4>
                </div>
              </div>
              <div class="col-md-7 col-sm-7 col-xs-12">
                <ol class="breadcrumb">
                  <li><a href="#">Home</a></li>
                  <li class="active">The twins official website redesign</li>
                </ol>
              </div>
            </div>
            <!-- end:single-cat-and-breadcrumb -->

          </div>
        </div>
      </div>
      <!-- end:header-title -->

      <!-- begin:main-section -->
      <div class="row">
        <!-- begin:article -->
        <div class="col-md-8">
          <!-- begin:blog-single -->
          <div class="content-article">
            <div class="row">
              <div class="col-md-12">
                <div class="page-title">
                  <div class="blog-post-date">
                    <span>01</span>
                    <span>OCT</span>
                  </div>
                  <h2>The twins official website redesign</h2>
                  <span class="blog-detail-meta">By <a href="#">admin</a> On October 01, 2014</span>
                </div>

                <div id="portfolio-single" class="carousel slide" data-ride="carousel">
                  <ol class="carousel-indicators">
                    <li data-target="#portfolio-single" data-slide-to="0" class="active"></li>
                    <li data-target="#portfolio-single" data-slide-to="1" class=""></li>
                    <li data-target="#portfolio-single" data-slide-to="2" class=""></li>
                  </ol>
                  <div class="carousel-inner">
                    <div class="item active">
                      <img src="img/image-slider03.jpg" alt="portfolio single last sunday">
                    </div>
                    <div class="item">
                      <img src="img/image-slider02.jpg" alt="portfolio single last sunday">
                    </div>
                    <div class="item">
                      <img src="img/image-slider01.jpg" alt="portfolio single last sunday">
                    </div>
                  </div>
                  <a class="left carousel-control" href="#portfolio-single" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                  </a>
                  <a class="right carousel-control" href="#portfolio-single" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                  </a>
                </div>

                <!-- begin:blog-post-sharing -->
                <div class="blog-post-sharing marg-30-top">
                  <div class="row">
                    <div class="col-sm-5 col-xs-5">
                      <h4>Share this :</h4>
                    </div>

                    <div class="col-sm-7 col-xs-7">
                      <ul class="share-list">
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-tumblr"></i></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- end:blog-post-sharing -->

              </div>
            </div>

            <!-- begin:blog-post-related -->
            <div class="row">
              <div class="col-md-12 marg-20-top">
                <h3 class="blog-single-title">Related Portfolio</h3>
              </div>
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="portfolio-container">
                  <div class="portfolio-image portfolio-image-alt">
                    <img src="img/image-blog-post-thumbnail-01.jpg" class="img-responsive" alt="blog masonry last sunday">
                  
                    <a href="img/image-blog-post-big-01.jpg" title="I love sunset" class="image-zoom" data-image="image-group"><div class="portfolio-magnify"><i class="fa fa-search-plus"></i></div></a>
                    <div class="portfolio-content">
                      <span class="label label-secondary">Movie</span>
                      <h2><a href="portfolio-single.html">Lorem ipsum dolor sit amet consectetur adisplicing elit</a></h2>
                    </div>

                  </div>
                </div>
              </div>
              <!-- break -->
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="portfolio-container">
                  <div class="portfolio-image portfolio-image-alt">
                    <img src="img/image-blog-post-thumbnail-02.jpg" class="img-responsive" alt="blog masonry last sunday">
                  
                    <a href="img/image-blog-post-big-02.jpg" title="Travelling is my soul" class="image-zoom" data-image="image-group"><div class="portfolio-magnify"><i class="fa fa-search-plus"></i></div></a>
                    <div class="portfolio-content">
                      <span class="label label-success">Web Design</span>
                      <h2><a href="portfolio-single.html">Lorem ipsum dolor sit amet consectetur adisplicing elit</a></h2>
                    </div>

                  </div>
                </div>
              </div>
            </div>
            <!-- end:blog-post-related -->

          </div>
          <!-- end:blog-single -->
        </div>
        <!-- end:article -->

        <!-- begin:sidebar -->
        <div class="col-md-4">
          <!-- begin:widget-sidebar -->
          <div class="content-article">
            <div class="widget-sidebar">
              <div class="widget-title">
                <h3>Overview</h3>
              </div>

              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
              quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
              consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
              cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
              proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
              <a href="#" class="btn btn-secondary btn-block btn-lg">Live Demo</a>
            </div>
            <!-- break -->
            <div class="widget-sidebar">
              <div class="widget-title">
                <h3>What i have done</h3>
              </div>

              <ul class="list-unstyled">
                <li><i class="fa fa-check-circle"></i> Company Photoshots</li>
                <li><i class="fa fa-check-circle"></i> PSD Mockups</li>
                <li><i class="fa fa-check-circle"></i> Bootstraping</li>
                <li><i class="fa fa-check-circle"></i> Melt with WP Engine</li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar">
              <div class="widget-title">
                <h3>Project Detail</h3>
              </div>

              <ul class="list-unstyled">
                <li><strong>Category</strong> <br>Web Design, Corporate, Business</li>
                <li><strong>Client</strong> <br>Twins Inc.</li>
                <li><strong>Date</strong> <br>September 04, 2014</li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_tags">
              <div class="widget-title">
                <h3>Tags</h3>
              </div>

              <ul>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Web</a></li>
                <li><a href="#">Business</a></li>
                <li><a href="#">Redesign Website</a></li>
                <li><a href="#">Bootstraping</a></li>
              </ul>
            </div>
            <!-- break -->
          </div>
          <!-- end:widget-sidebar -->
        </div>
        <!-- end:sidebar -->
      </div>
      <!-- end:main-section -->

    </div>
    <!-- end:container -->

    <!-- begin:footer -->
    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <h2><span>Last</span> Sunday.</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer widget_comments">
              <div class="widget-title">
                <h3>Recent Discuss</h3>
              </div>

              <ul>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Socialize With Me!</h3>
              </div>

              <p>You can follow me at:</p>

              <ul class="social-icon">
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-github-alt"></i></a></li>
                <li><a href="#"><i class="fa fa-foursquare"></i></a></li>
                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Subscribe!</h3>
              </div>
              <p>Get update straight to your inbox.</p>
              <form role="form">
                <div class="form-group">
                  <label for="exampleInputEmail1">Email address</label>
                  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                </div>
                <button type="submit" class="btn btn-secondary"><i class="fa fa-envelope-o"></i> Submit</button>
              </form>
            </div>
          </div>
          
        </div>
      </div>
    </div>
    <!-- end:footer -->

    <!-- begin:copyright -->
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-12"><a href="#page-top" class="btn btn-secondary scrolltop btn-scrolltop"><i class="fa fa-chevron-up"></i></a></div>
        </div>
        <div class="row">
          <div class="col-md-6 col-sm-6 copyright-left">
            <p>Copyright &copy; 2014 All Right Reserved.</p>
          </div>
          <div class="col-md-6 col-sm-6 copyright-right">
            <p>LastSunday by <strong><a href="http://templateninja.net" target="_blank">Templateninja.</a></strong></p>
          </div>
        </div>
      </div>
    </div>
    <!-- end:copyright -->

    <!-- begin:navbar-secondary -->
    <div class="navbar-secondary navbar-secondary-hide"></div>
    <!-- end:navbar-secondary -->
    
    <!-- begin:demo-panel -->
    <div class="demo-btn">
      <i class="fa fa-cog"></i>
    </div>
    <div class="demo-container" style="display:none;">
      <h4>Color Schemes</h4>
      <ul>
        <li class="color-option color-mint" data-color-value="mint"></li>
        <li class="color-option color-orange" data-color-value="orange"></li>
        <li class="color-option color-yellow" data-color-value="yellow"></li>
        <li class="color-option color-green" data-color-value="green"></li>
        <li class="color-option color-red" data-color-value="red"></li>
        <li class="color-option color-blue" data-color-value="blue"></li>
        <li class="color-option color-purple" data-color-value="purple"></li>
      </ul>
    </div>
    <!-- end:demo-panel -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
    <script src="js/gmap3.min.js"></script>
    <script src="js/jquery.easing.js"></script>
    <script src="js/jquery.backstretch.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/magnificpopup.min.js"></script>
    <script src="js/script.min.js"></script>
    <script src="js/demo.js"></script>
  </body>
</html>